<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="attributeName" label="属性名" width="180" />
    <el-table-column prop="desc" label="说明" width="" />
    <el-table-column prop="defaultValue" label="默认值" width="180" />
  </el-table>
</template>

<script lang="ts" setup>
const tableData = ref([
  {
    attributeName: "v-model",
    desc: "双向绑定值",
    defaultValue: "",
  },
  {
    attributeName: "data",
    desc: "数据总数",
    defaultValue: "",
  },
  {
    attributeName: "keyProp",
    desc: "键名属性",
    defaultValue: "key",
  },
  {
    attributeName: "disabled",
    desc: "显示是否禁用属性",
    defaultValue: "false",
  },
  {
    attributeName: "labelProp",
    desc: "显示文本属性",
    defaultValue: "label",
  },
  {
    attributeName: "filterable",
    desc: "可搜索过滤",
    defaultValue: "false",
  },
  {
    attributeName: "left-default-checked",
    desc: "左侧默认选中，定义对应的键名属性",
    defaultValue: "['']",
  },
  {
    attributeName: "right-default-checked",
    desc: "右侧默认选中，定义对应的键名属性",
    defaultValue: "['']",
  },
  {
    attributeName: "left-title",
    desc: "左侧自定义名称",
    defaultValue: "未选",
  },
  {
    attributeName: "right-title",
    desc: "右侧自定义名称",
    defaultValue: "已选",
  },
  {
    attributeName: "leftFilters",
    desc: "左侧筛选条件配置",
    defaultValue: "请输入筛选条件",
  },
  {
    attributeName: "rightFilters",
    desc: "右侧筛选条件配置",
    defaultValue: "请输入筛选条件",
  },
  {
    attributeName: "filterMethod",
    desc: "自定义筛选函数",
    defaultValue: "Function",
  },
  {
    attributeName: "button-texts",
    desc: "左右箭头增加文字描述",
    defaultValue: "['', '']",
  },
  {
    attributeName: "button-display",
    desc: "是否显示自带的按钮组",
    defaultValue: "['true', 'true']",
  },
  {
    attributeName: "menuWrap",
    desc: "操作按钮换行",
    defaultValue: "false",
  },
  {
    attributeName: "direction",
    desc: "按钮布局方式",
    defaultValue: "horizontal",
  },
]);
</script>

<style>
</style>